<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <%@ include file="/WEB-INF/views-jsp/include/taglib/taglib.jsp" %>
        <%@ include file="/WEB-INF/views-jsp/include/script/script.jsp" %>
        <link rel="stylesheet" type="text/css" href="${path}/html/css/homePage/homePage.css" type="text/css" />
        <script type="text/javascript" src="${path}/html/js/js-jsp/layout-jump.js"></script>
        <script type="text/javascript" src="${path}/html/echart/echarts.min.js"></script>
        <script type="text/javascript" src="${path}/html/js/js-jsp/homePage/homePageOffice.js?v=<%out.print(Math.random());%>"></script>
    </head>
    <body style="height:100%; margin: 2px; " id="officeBodyId_">
        <div style="width: 100%">
            <div class="craneOut_div">
                <p class="float: left">
                    <span class="titleBox"></span>
                    <span class="crane_title">起重机械报警情况</span>
                </p>
                <div class="craneIn_div">
                    <div style="margin-left: 20px;margin-top:20px">
                        <img src="${path}/html/images/craneCartoon.png" class="craneIn_img"/>
                    </div>
                    <div style="margin-top: 20px">
                        <div class="totalNumber">
                            <div class="countNumber_num" id="craneAlarmTotal">
                               0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            总数
                        </div>
                        <div class="handleNumber">
                            <div class="countNumber_num" id="craneAlarmHandle">
                                0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            已处理
                        </div>
                        <div class="noHandleNumber">
                            <div class="countNumber_num" id="craneAlarmNoHandle">
                                0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            未处理
                        </div>
                    </div>
                </div>
            </div>
            <div class="dustBox">
                <p class="float: left">
                    <span class="titleBox"></span>
                    <span class="dustTitle">扬尘报警情况</span>
                </p>
                <div class="craneIn_div">
                    <div style="margin-left: 20px;margin-top:20px">
                        <img src="${path}/html/images/dust/dustAlartNumber.png" class="craneIn_img"/>
                    </div>
                    <div style="margin-top: 20px">
                        <div class="totalNumber">
                            <div class="countNumber_num" id="dustAlarmTotal">
                                0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            总数
                        </div>
                        <div class="handleNumber">
                            <div class="countNumber_num" id="dustAlarmHandle">
                                0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            已处理
                        </div>
                        <div class="noHandleNumber">
                            <div class="countNumber_num" id="dustAlarmNoHandle">
                                0
                            </div>
                        </div>
                        <div class="countNumber_text">
                            未处理
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:right;"></div>
        <div style="margin: 60px auto;width: 100%">
            <div class="workerCount_one">
                <p>
                    <span style="float:left">
                        <img src="${path}/html/images/worker-double.png" class="workerCount_image">
                    </span>
                    <span id="historyPersonCount" class="workerCount_number">
                        <img src="${path}/html/images/loading_3.gif" style="width: 40px;height: 40px">
                    </span>
                </p>
                <p style="clear: both">
                    <span style="font-size: 15px">历史登记施工人数</span>
                </p>
            </div>
            <div class="workerCount_two">
                <p>
                    <span style="float:left">
                        <img src="${path}/html/images/worker-double.png" class="workerCount_image">
                    </span>
                    <span id="todayAttendCount" class="workerCount_number">
                        <img src="${path}/html/images/loading_3.gif" style="width: 40px;height: 40px">
                    </span>
                </p>
                <p style="clear: both">
                    <span style="font-size: 15px">今日施工人数</span>
                </p>
            </div>
            <div class="workerCount_two">
                <p>
                    <span style="float:left">
                        <img src="${path}/html/images/worker-double.png" class="workerCount_image">
                    </span>
                    <span id="quitCount" class="workerCount_number">
                        <img src="${path}/html/images/loading_3.gif" style="width: 40px;height: 40px">
                    </span>
                </p>
                <p style="clear: both">
                    <span style="font-size: 15px">已离职人数</span>
                </p>
            </div>
            <div class="workerCount_two">
                <p>
                    <span style="float:left">
                        <img src="${path}/html/images/worker-double.png" class="workerCount_image">
                    </span>
                    <span id="groupCount" class="workerCount_number">
                        <img src="${path}/html/images/loading_3.gif" style="width: 40px;height: 40px">
                    </span>
                </p>
                <p style="clear: both">
                    <span style="font-size: 15px">班组数</span>
                </p>
            </div>
        </div>
        <div style="clear: both;width: 100%">
            <div class="workerRatio_div">
                <p class="float: left">
                    <span class="titleBox"></span>
                    <span class="workerRatio_span">工种占比</span>
                </p>
                <div class="workerRatio_echart" id="workerRatio_">
                </div>
            </div>
        </div>
        <div style="width: 100%">
            <div class="deviceCount_div">
                <p class="float: left">
                    <span class="titleBox"></span>
                    <span class="workerRatio_span">已安装设备分类及数量</span>
                </p>
                <div class="deviceCount_echart" id="deviceClassify_">
                </div>
            </div>
        </div>
    </body>
</html>
